<template>
  <div class="wallet">
    <div class="el-row is-justify-space-around is-align-middle wallet-top" style="">
      <div class="el-col el-col-8" style="padding-left:20px;">
        <div class="el-row is-align-middle" style="" type="flex"><span class=""
                                                                       style="color:#818181;font-size:14px;margin-top:5px;">学习币余额</span><span
            class="margin-left30"><strong style="font-size:42px;">{{userInfo.coin || 0}}</strong> 个</span></div>
        <div class="el-row is-align-middle" style="margin-top:20px;">
          <button @click="handleOpenWallet" style="width:180px;" class="ant-btn ant-btn-primary ant-btn-round" type="button">
            <span>充 值</span></button>
        </div>
      </div>
      <div class="el-col el-col-8" style="padding-left:20px;visibility: hidden">
        <div class="el-row is-align-middle" style="" type="flex"><span class=""
                                                                       style="color:#818181;font-size:14px;margin-top:5px;">收益余额</span><span
            class="margin-left30"><strong style="font-size:42px;">0</strong>.00 元</span></div>
        <div class="el-row is-align-middle" style="margin-top:20px;">
          <button  @click="handleOpenWallet" style="width:100px;" class="ant-btn ant-btn-primary ant-btn-round" type="button">
            <span>提 现</span></button>
        </div>
      </div>
      <div class="el-col el-col-8" style="border-left:1px #eeeeee solid;padding:30px;">
        <div class="el-row is-align-middle" style="color:#818181;font-size:14px;" type="flex"> 充值最小额度为￥1.00
        </div>
        <div class="el-row is-align-middle" style="color:#818181;font-size:14px;" type="flex">
          充值的学习币可以用来查看课程，可以用于查看指定的课程，以及下载所需的学习资料
        </div>
        <div class="el-row is-align-middle" style="color:#818181;font-size:14px;" type="flex"> 如果您遇到任何问题，可以联系<a
            href="https://wpa.qq.com/msgrd?v=3&uin=1571828260&site=qqq&menu=yes" target="_blank"><span
            style="color:#4F85C4;">在线客服</span></a></div>
      </div>
    </div>
    <div class="el-row wallet-tab" style="">
      <div class="el-col el-col-24" style="padding:10px 20px 0 20px;">
        <div class="ant-tabs ant-tabs-top">
          <div role="tablist" class="ant-tabs-nav" style="">
            <div class="ant-tabs-nav-wrap">
              <div class="ant-tabs-nav-list" style="transform:translate(0px, 0px);">
                <div class="ant-tabs-tab ant-tabs-tab-active" style="">
                  <div role="tab" aria-selected="true" class="ant-tabs-tab-btn" tabindex="0" id="rc-tabs-0-tab-1"
                       aria-controls="rc-tabs-0-panel-1">学习币充值记录
                  </div>
                </div>
                <div class="ant-tabs-tab" style="display: none">
                  <div role="tab" aria-selected="false" class="ant-tabs-tab-btn" tabindex="0" id="rc-tabs-0-tab-2"
                       aria-controls="rc-tabs-0-panel-2">收益记录
                  </div>
                </div>
                <div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="left: 0px; width: 100px;"></div>
              </div>
            </div>
            <div class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden" style="">
              <button type="button" class="ant-tabs-nav-more" style="visibility:hidden;order:1;" tabindex="-1"
                      aria-hidden="true" aria-haspopup="listbox" aria-controls="rc-tabs-0-more-popup"
                      id="rc-tabs-0-more" aria-expanded="false"><span role="img" aria-label="ellipsis"
                                                                      class="anticon anticon-ellipsis"><svg
                  focusable="false" class="" style="" data-icon="ellipsis" width="1em" height="1em" fill="currentColor"
                  aria-hidden="true" viewBox="64 64 896 896"><path
                  d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"></path></svg></span>
              </button>
            </div>
          </div>
          <div class="ant-tabs-content-holder">
            <div class="ant-tabs-content ant-tabs-content-top" style="">
              <div role="tabpanel" tabindex="0" aria-hidden="false" style=""
                   class="ant-tabs-tabpane ant-tabs-tabpane-active" id="rc-tabs-0-panel-1"
                   aria-labelledby="rc-tabs-0-tab-1">
                <div class="el-row is-justify-center is-align-middle" style="">
                  <div class="el-col el-col-24" style="">
                    <div class="el-row" style="background:#F5F5F5;" type="flex">
                      <div class="el-col el-col-5" style="padding:10px;"><span
                          class="wallet-list-item">创建日期</span></div>
                      <div class="el-col el-col-7" style="padding:10px;"><span
                          class="wallet-list-item">订单号</span></div>
                      <div class="el-col el-col-3" style="padding:10px;"><span
                          class="wallet-list-item">类型</span></div>
                      <div class="el-col el-col-3" style="padding:10px;"><span
                          class="wallet-list-item">增加(币)</span></div>
                      <div class="el-col el-col-3" style="padding:10px;"><span
                          class="wallet-list-item">交易方式</span></div>
                    </div>
                    <div class="el-row" style="border-bottom:1px #eeeeee dashed;" type="flex"
                         v-for="(item,index) in userRecords" :key="index">
                      <div class="el-col el-col-5" style="padding:10px;"><span class="wallet-list-item">{{formatTimeToStr(item.createTime)}}</span>
                      </div>
                      <div class="el-col el-col-7" style="padding:10px;"><span class="wallet-list-item">{{item.tradeno}}</span>
                      </div>
                      <div class="el-col el-col-3" style="padding:10px;"><span
                          class="wallet-list-item">{{item.title}}</span></div>
                      <div class="el-col el-col-3" style="padding:10px;"><span class=""
                                                                               style="color:var(--el-color-primary);font-size:14px;">{{item.price}} 个</span>
                      </div>
                      <div class="el-col el-col-6" style="padding:10px;">
                        <span class="wallet-list-item">{{item.payMethodName}}</span>
                        <span class="wallet-list-item" v-if="item.payMethod==3">({{item.code}})</span>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="py-[60px] flex justify-center" style="width: 100%" v-if="total==0">
                  <k-empty :show="total==0" url="/" btnmsg="点击前往学习"></k-empty>
                </div>
                <div style="padding-top:30px;padding-bottom:10px;text-align: center" v-if="total>0">
                  <a href="javascript:void(0);" @click="handleLoadPage"  v-if="pages > pageNo">点击加载更多</a>
                  <a href="javascript:void(0);" class="c999"   v-else>没有更多了</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <ksd-wallet ref="walletRef"></ksd-wallet>
  </div>
</template>
<script setup>
  const walletRef = ref({})
  const userInfo = ref({})
  // 充值用户充值记录
  const userRecords = ref([])
  const total = ref(0)
  const pageNo = ref(1)
  const pageSize = ref(20)
  const pages = ref(1)

  // 加载用户信息
  const handleLoadUserInfo = async () => {
    const resp = await useLoadUserGetApi()
    userInfo.value = resp.data
  }

  // 加载用户充值记录
  const handleLoadUserWalletRecords = async () => {
    const resp = await useLoadUserWalletRecordsApi({pageNo:pageNo.value,pageSize:pageSize.value})
    userRecords.value = userRecords.value.concat(resp.data.records)
    total.value = resp.data.total
    pages.value = resp.data.pages
  }

  const handleOpenWallet = () => {
    walletRef.value.handleOpen()
  }

  const handleLoadPage = () => {
    if(pages.value == pageNo.value){
      return
    }
    pageNo.value++
    handleLoadUserWalletRecords()
  }

  onMounted(()=>{
    handleLoadUserInfo()
    handleLoadUserWalletRecords()
  })
</script>

<style scoped>
.wallet .wallet-tab,.wallet .wallet-top {
  background-color: var(--el-bg-color)
}

.wallet .wallet-tab {
  margin-top: 1.25rem
}

.wallet .wallet-tab .el-tabs__nav-wrap:after {
  height: .0625rem
}

.wallet-close-modal-icon {
  color: var(--f-color-2);
  cursor: pointer;
  font-size: 1.875rem;
  position: fixed;
  right: 2.1875rem;
  top: 1.25rem;
  z-index: 9999
}

.qrcode-fail {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #eee;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 12.5rem;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 1.875rem;
  width: 12.5rem
}

.qrcode-fail #code,.qrcode-fail img {
  height: 100%;
  width: 100%
}

.wallet-list-item {
  color: #2d2d2f;
  font-size: .875rem
}

.wallet {
  min-height: 80vh
}

.margin-left30 {
  margin-left: 1.875rem
}

.font-size24 {
  font-size: 1.5rem
}

.wallet-modal-item {
  text-align: center
}

.wallet-modal-r {
  padding: 2.5rem
}

.wallet-tip {
  margin-bottom: 2.5rem;
  margin-top: 2.5rem
}

.wallet-lable,.wallet-tip {
  color: #818181;
  font-size: .875rem
}

.wallet-lable {
  margin-left: 1.125rem;
  text-align: left;
  width: 6.25rem
}

.popover-item {
  border-bottom: .0625rem solid #eee;
  color: #818181;
  font-size: .875rem;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  width: 100%
}

.popover-item:hover {
  color: #0a0b0c
}

.recent-list {
  background: #fff;
  margin-top: 1.25rem;
  padding: 0 1.875rem
}


.ant-btn {
  background-image: none;
  background: #fff;
  border: .0625rem solid #d9d9d9;
  border-radius: .25rem;
  box-shadow: 0 .125rem #00000004;
  color: #000000d9;
  cursor: pointer;
  display: inline-block;
  font-size: .875rem;
  font-weight: 400;
  height: 2.1875rem;
  line-height: 1.5715;
  padding: .34375rem .9375rem;
  position: relative;
  text-align: center;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
  transition: all .3s cubic-bezier(.645,.045,.355,1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap
}

.ant-btn>.anticon {
  line-height: 1
}

.ant-btn,.ant-btn:active,.ant-btn:focus {
  outline: 0
}

.ant-btn:not([disabled]):hover {
  text-decoration: none
}

.ant-btn:not([disabled]):active {
  box-shadow: none;
  outline: 0
}

.ant-btn[disabled] {
  cursor: not-allowed
}

.ant-btn[disabled]>* {
  pointer-events: none
}

.ant-btn-lg {
  border-radius: .25rem;
  font-size: 1rem;
  height: 2.5rem;
  padding: .4rem .9375rem
}

.ant-btn-sm {
  border-radius: .25rem;
  font-size: .875rem;
  height: 1.5rem;
  padding: 0 .4375rem
}

.ant-btn>a:only-child {
  color: currentcolor
}

.ant-btn>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn:focus,.ant-btn:hover {
  background: #fff;
  border-color: #484a4d;
  color: #484a4d
}

.ant-btn:focus>a:only-child,.ant-btn:hover>a:only-child {
  color: currentcolor
}

.ant-btn:focus>a:only-child:after,.ant-btn:hover>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn:active {
  background: #fff;
  border-color: #13161a;
  color: #13161a
}

.ant-btn:active>a:only-child {
  color: currentcolor
}

.ant-btn:active>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn[disabled],.ant-btn[disabled]:active,.ant-btn[disabled]:focus,.ant-btn[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  text-shadow: none
}

.ant-btn[disabled]:active>a:only-child,.ant-btn[disabled]:focus>a:only-child,.ant-btn[disabled]:hover>a:only-child,.ant-btn[disabled]>a:only-child {
  color: currentcolor
}

.ant-btn[disabled]:active>a:only-child:after,.ant-btn[disabled]:focus>a:only-child:after,.ant-btn[disabled]:hover>a:only-child:after,.ant-btn[disabled]>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn:active,.ant-btn:focus,.ant-btn:hover {
  background: #fff;
  text-decoration: none
}

.ant-btn>span {
  display: inline-block
}

.ant-btn-primary {
  background: #343a40;
  border-color: #343a40;
  box-shadow: 0 .125rem #0000000b;
  color: #fff;
  text-shadow: 0 -.0625rem 0 rgba(0,0,0,.12)
}

.ant-btn-primary>a:only-child {
  color: currentcolor
}

.ant-btn-primary>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-primary:focus,.ant-btn-primary:hover {
  background: #484a4d;
  border-color: #484a4d;
  color: #fff
}

.ant-btn-primary:focus>a:only-child,.ant-btn-primary:hover>a:only-child {
  color: currentcolor
}

.ant-btn-primary:focus>a:only-child:after,.ant-btn-primary:hover>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-primary:active {
  background: #13161a;
  border-color: #13161a;
  color: #fff
}

.ant-btn-primary:active>a:only-child {
  color: currentcolor
}

.ant-btn-primary:active>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-primary[disabled],.ant-btn-primary[disabled]:active,.ant-btn-primary[disabled]:focus,.ant-btn-primary[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  text-shadow: none
}

.ant-btn-primary[disabled]:active>a:only-child,.ant-btn-primary[disabled]:focus>a:only-child,.ant-btn-primary[disabled]:hover>a:only-child,.ant-btn-primary[disabled]>a:only-child {
  color: currentcolor
}

.ant-btn-primary[disabled]:active>a:only-child:after,.ant-btn-primary[disabled]:focus>a:only-child:after,.ant-btn-primary[disabled]:hover>a:only-child:after,.ant-btn-primary[disabled]>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
  border-left-color: #484a4d;
  border-right-color: #484a4d
}

.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
  border-color: #d9d9d9
}

.ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
  border-right-color: #484a4d
}

.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
  border-right-color: #d9d9d9
}

.ant-btn-group .ant-btn-primary+.ant-btn-primary,.ant-btn-group .ant-btn-primary:last-child:not(:first-child) {
  border-left-color: #484a4d
}

.ant-btn-group .ant-btn-primary+.ant-btn-primary[disabled],.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled] {
  border-left-color: #d9d9d9
}

.ant-btn-ghost {
  background: transparent;
  border-color: #d9d9d9;
  color: #000000d9
}

.ant-btn-ghost>a:only-child {
  color: currentcolor
}

.ant-btn-ghost>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-ghost:focus,.ant-btn-ghost:hover {
  background: transparent;
  border-color: #484a4d;
  color: #484a4d
}

.ant-btn-ghost:focus>a:only-child,.ant-btn-ghost:hover>a:only-child {
  color: currentcolor
}

.ant-btn-ghost:focus>a:only-child:after,.ant-btn-ghost:hover>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-ghost:active {
  background: transparent;
  border-color: #13161a;
  color: #13161a
}

.ant-btn-ghost:active>a:only-child {
  color: currentcolor
}

.ant-btn-ghost:active>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-ghost[disabled],.ant-btn-ghost[disabled]:active,.ant-btn-ghost[disabled]:focus,.ant-btn-ghost[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  text-shadow: none
}

.ant-btn-ghost[disabled]:active>a:only-child,.ant-btn-ghost[disabled]:focus>a:only-child,.ant-btn-ghost[disabled]:hover>a:only-child,.ant-btn-ghost[disabled]>a:only-child {
  color: currentcolor
}

.ant-btn-ghost[disabled]:active>a:only-child:after,.ant-btn-ghost[disabled]:focus>a:only-child:after,.ant-btn-ghost[disabled]:hover>a:only-child:after,.ant-btn-ghost[disabled]>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-dashed {
  background: #fff;
  border-color: #d9d9d9;
  border-style: dashed;
  color: #000000d9
}

.ant-btn-dashed>a:only-child {
  color: currentcolor
}

.ant-btn-dashed>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-dashed:focus,.ant-btn-dashed:hover {
  background: #fff;
  border-color: #484a4d;
  color: #484a4d
}

.ant-btn-dashed:focus>a:only-child,.ant-btn-dashed:hover>a:only-child {
  color: currentcolor
}

.ant-btn-dashed:focus>a:only-child:after,.ant-btn-dashed:hover>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-dashed:active {
  background: #fff;
  border-color: #13161a;
  color: #13161a
}

.ant-btn-dashed:active>a:only-child {
  color: currentcolor
}

.ant-btn-dashed:active>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-dashed[disabled],.ant-btn-dashed[disabled]:active,.ant-btn-dashed[disabled]:focus,.ant-btn-dashed[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  text-shadow: none
}

.ant-btn-dashed[disabled]:active>a:only-child,.ant-btn-dashed[disabled]:focus>a:only-child,.ant-btn-dashed[disabled]:hover>a:only-child,.ant-btn-dashed[disabled]>a:only-child {
  color: currentcolor
}

.ant-btn-dashed[disabled]:active>a:only-child:after,.ant-btn-dashed[disabled]:focus>a:only-child:after,.ant-btn-dashed[disabled]:hover>a:only-child:after,.ant-btn-dashed[disabled]>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-danger {
  background: #f5222d;
  border-color: #f5222d;
  box-shadow: 0 .125rem #0000000b;
  color: #fff;
  text-shadow: 0 -.0625rem 0 rgba(0,0,0,.12)
}

.ant-btn-danger>a:only-child {
  color: currentcolor
}

.ant-btn-danger>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-danger:focus,.ant-btn-danger:hover {
  background: #ff4d4f;
  border-color: #ff4d4f;
  color: #fff
}

.ant-btn-danger:focus>a:only-child,.ant-btn-danger:hover>a:only-child {
  color: currentcolor
}

.ant-btn-danger:focus>a:only-child:after,.ant-btn-danger:hover>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-danger:active {
  background: #cf1322;
  border-color: #cf1322;
  color: #fff
}

.ant-btn-danger:active>a:only-child {
  color: currentcolor
}

.ant-btn-danger:active>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-danger[disabled],.ant-btn-danger[disabled]:active,.ant-btn-danger[disabled]:focus,.ant-btn-danger[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  text-shadow: none
}

.ant-btn-danger[disabled]:active>a:only-child,.ant-btn-danger[disabled]:focus>a:only-child,.ant-btn-danger[disabled]:hover>a:only-child,.ant-btn-danger[disabled]>a:only-child {
  color: currentcolor
}

.ant-btn-danger[disabled]:active>a:only-child:after,.ant-btn-danger[disabled]:focus>a:only-child:after,.ant-btn-danger[disabled]:hover>a:only-child:after,.ant-btn-danger[disabled]>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-link {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #303133
}

.ant-btn-link>a:only-child {
  color: currentcolor
}

.ant-btn-link>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-link:focus,.ant-btn-link:hover {
  background: transparent;
  border-color: #484a4d;
  color: #484a4d
}

.ant-btn-link:focus>a:only-child,.ant-btn-link:hover>a:only-child {
  color: currentcolor
}

.ant-btn-link:focus>a:only-child:after,.ant-btn-link:hover>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-link:active {
  background: transparent;
  border-color: #13161a;
  color: #13161a
}

.ant-btn-link:active>a:only-child {
  color: currentcolor
}

.ant-btn-link:active>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-link[disabled],.ant-btn-link[disabled]:active,.ant-btn-link[disabled]:focus,.ant-btn-link[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9
}

.ant-btn-link:hover {
  background: transparent
}

.ant-btn-link:active,.ant-btn-link:focus,.ant-btn-link:hover {
  border-color: transparent
}

.ant-btn-link[disabled],.ant-btn-link[disabled]:active,.ant-btn-link[disabled]:focus,.ant-btn-link[disabled]:hover {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #00000040;
  text-shadow: none
}

.ant-btn-link[disabled]:active>a:only-child,.ant-btn-link[disabled]:focus>a:only-child,.ant-btn-link[disabled]:hover>a:only-child,.ant-btn-link[disabled]>a:only-child {
  color: currentcolor
}

.ant-btn-link[disabled]:active>a:only-child:after,.ant-btn-link[disabled]:focus>a:only-child:after,.ant-btn-link[disabled]:hover>a:only-child:after,.ant-btn-link[disabled]>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-text {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #000000d9
}

.ant-btn-text>a:only-child {
  color: currentcolor
}

.ant-btn-text>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-text:focus,.ant-btn-text:hover {
  background: transparent;
  border-color: #484a4d;
  color: #484a4d
}

.ant-btn-text:focus>a:only-child,.ant-btn-text:hover>a:only-child {
  color: currentcolor
}

.ant-btn-text:focus>a:only-child:after,.ant-btn-text:hover>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-text:active {
  background: transparent;
  border-color: #13161a;
  color: #13161a
}

.ant-btn-text:active>a:only-child {
  color: currentcolor
}

.ant-btn-text:active>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-text[disabled],.ant-btn-text[disabled]:active,.ant-btn-text[disabled]:focus,.ant-btn-text[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9
}

.ant-btn-text:focus,.ant-btn-text:hover {
  background: rgba(0,0,0,.018);
  border-color: transparent;
  color: #000000d9
}

.ant-btn-text:active {
  background: rgba(0,0,0,.028);
  border-color: transparent;
  color: #000000d9
}

.ant-btn-text[disabled],.ant-btn-text[disabled]:active,.ant-btn-text[disabled]:focus,.ant-btn-text[disabled]:hover {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #00000040;
  text-shadow: none
}

.ant-btn-text[disabled]:active>a:only-child,.ant-btn-text[disabled]:focus>a:only-child,.ant-btn-text[disabled]:hover>a:only-child,.ant-btn-text[disabled]>a:only-child {
  color: currentcolor
}

.ant-btn-text[disabled]:active>a:only-child:after,.ant-btn-text[disabled]:focus>a:only-child:after,.ant-btn-text[disabled]:hover>a:only-child:after,.ant-btn-text[disabled]>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-dangerous {
  background: #fff;
  border-color: #f5222d;
  color: #f5222d
}

.ant-btn-dangerous>a:only-child {
  color: currentcolor
}

.ant-btn-dangerous>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-dangerous:focus,.ant-btn-dangerous:hover {
  background: #fff;
  border-color: #ff4d4f;
  color: #ff4d4f
}

.ant-btn-dangerous:focus>a:only-child,.ant-btn-dangerous:hover>a:only-child {
  color: currentcolor
}

.ant-btn-dangerous:focus>a:only-child:after,.ant-btn-dangerous:hover>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-dangerous:active {
  background: #fff;
  border-color: #cf1322;
  color: #cf1322
}

.ant-btn-dangerous:active>a:only-child {
  color: currentcolor
}

.ant-btn-dangerous:active>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-dangerous[disabled],.ant-btn-dangerous[disabled]:active,.ant-btn-dangerous[disabled]:focus,.ant-btn-dangerous[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  text-shadow: none
}

.ant-btn-dangerous[disabled]:active>a:only-child,.ant-btn-dangerous[disabled]:focus>a:only-child,.ant-btn-dangerous[disabled]:hover>a:only-child,.ant-btn-dangerous[disabled]>a:only-child {
  color: currentcolor
}

.ant-btn-dangerous[disabled]:active>a:only-child:after,.ant-btn-dangerous[disabled]:focus>a:only-child:after,.ant-btn-dangerous[disabled]:hover>a:only-child:after,.ant-btn-dangerous[disabled]>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-dangerous.ant-btn-primary {
  background: #f5222d;
  border-color: #f5222d;
  box-shadow: 0 .125rem #0000000b;
  color: #fff;
  text-shadow: 0 -.0625rem 0 rgba(0,0,0,.12)
}

.ant-btn-dangerous.ant-btn-primary>a:only-child {
  color: currentcolor
}

.ant-btn-dangerous.ant-btn-primary>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-dangerous.ant-btn-primary:focus,.ant-btn-dangerous.ant-btn-primary:hover {
  background: #ff4d4f;
  border-color: #ff4d4f;
  color: #fff
}

.ant-btn-dangerous.ant-btn-primary:focus>a:only-child,.ant-btn-dangerous.ant-btn-primary:hover>a:only-child {
  color: currentcolor
}

.ant-btn-dangerous.ant-btn-primary:focus>a:only-child:after,.ant-btn-dangerous.ant-btn-primary:hover>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-dangerous.ant-btn-primary:active {
  background: #cf1322;
  border-color: #cf1322;
  color: #fff
}

.ant-btn-dangerous.ant-btn-primary:active>a:only-child {
  color: currentcolor
}

.ant-btn-dangerous.ant-btn-primary:active>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-dangerous.ant-btn-primary[disabled],.ant-btn-dangerous.ant-btn-primary[disabled]:active,.ant-btn-dangerous.ant-btn-primary[disabled]:focus,.ant-btn-dangerous.ant-btn-primary[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  text-shadow: none
}

.ant-btn-dangerous.ant-btn-primary[disabled]:active>a:only-child,.ant-btn-dangerous.ant-btn-primary[disabled]:focus>a:only-child,.ant-btn-dangerous.ant-btn-primary[disabled]:hover>a:only-child,.ant-btn-dangerous.ant-btn-primary[disabled]>a:only-child {
  color: currentcolor
}

.ant-btn-dangerous.ant-btn-primary[disabled]:active>a:only-child:after,.ant-btn-dangerous.ant-btn-primary[disabled]:focus>a:only-child:after,.ant-btn-dangerous.ant-btn-primary[disabled]:hover>a:only-child:after,.ant-btn-dangerous.ant-btn-primary[disabled]>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-dangerous.ant-btn-link {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #f5222d
}

.ant-btn-dangerous.ant-btn-link>a:only-child {
  color: currentcolor
}

.ant-btn-dangerous.ant-btn-link>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-dangerous.ant-btn-link:focus,.ant-btn-dangerous.ant-btn-link:hover {
  border-color: #484a4d;
  color: #484a4d
}

.ant-btn-dangerous.ant-btn-link:active {
  border-color: #13161a;
  color: #13161a
}

.ant-btn-dangerous.ant-btn-link[disabled],.ant-btn-dangerous.ant-btn-link[disabled]:active,.ant-btn-dangerous.ant-btn-link[disabled]:focus,.ant-btn-dangerous.ant-btn-link[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9
}

.ant-btn-dangerous.ant-btn-link:focus,.ant-btn-dangerous.ant-btn-link:hover {
  background: transparent;
  border-color: transparent;
  color: #ff4d4f
}

.ant-btn-dangerous.ant-btn-link:focus>a:only-child,.ant-btn-dangerous.ant-btn-link:hover>a:only-child {
  color: currentcolor
}

.ant-btn-dangerous.ant-btn-link:focus>a:only-child:after,.ant-btn-dangerous.ant-btn-link:hover>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-dangerous.ant-btn-link:active {
  background: transparent;
  border-color: transparent;
  color: #cf1322
}

.ant-btn-dangerous.ant-btn-link:active>a:only-child {
  color: currentcolor
}

.ant-btn-dangerous.ant-btn-link:active>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-dangerous.ant-btn-link[disabled],.ant-btn-dangerous.ant-btn-link[disabled]:active,.ant-btn-dangerous.ant-btn-link[disabled]:focus,.ant-btn-dangerous.ant-btn-link[disabled]:hover {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #00000040;
  text-shadow: none
}

.ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child,.ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child,.ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child,.ant-btn-dangerous.ant-btn-link[disabled]>a:only-child {
  color: currentcolor
}

.ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child:after,.ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child:after,.ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child:after,.ant-btn-dangerous.ant-btn-link[disabled]>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-dangerous.ant-btn-text {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #f5222d
}

.ant-btn-dangerous.ant-btn-text>a:only-child {
  color: currentcolor
}

.ant-btn-dangerous.ant-btn-text>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-dangerous.ant-btn-text:focus,.ant-btn-dangerous.ant-btn-text:hover {
  background: transparent;
  border-color: #484a4d;
  color: #484a4d
}

.ant-btn-dangerous.ant-btn-text:active {
  background: transparent;
  border-color: #13161a;
  color: #13161a
}

.ant-btn-dangerous.ant-btn-text[disabled],.ant-btn-dangerous.ant-btn-text[disabled]:active,.ant-btn-dangerous.ant-btn-text[disabled]:focus,.ant-btn-dangerous.ant-btn-text[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9
}

.ant-btn-dangerous.ant-btn-text:focus,.ant-btn-dangerous.ant-btn-text:hover {
  background: rgba(0,0,0,.018);
  border-color: transparent;
  color: #ff4d4f
}

.ant-btn-dangerous.ant-btn-text:focus>a:only-child,.ant-btn-dangerous.ant-btn-text:hover>a:only-child {
  color: currentcolor
}

.ant-btn-dangerous.ant-btn-text:focus>a:only-child:after,.ant-btn-dangerous.ant-btn-text:hover>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-dangerous.ant-btn-text:active {
  background: rgba(0,0,0,.028);
  border-color: transparent;
  color: #cf1322
}

.ant-btn-dangerous.ant-btn-text:active>a:only-child {
  color: currentcolor
}

.ant-btn-dangerous.ant-btn-text:active>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-dangerous.ant-btn-text[disabled],.ant-btn-dangerous.ant-btn-text[disabled]:active,.ant-btn-dangerous.ant-btn-text[disabled]:focus,.ant-btn-dangerous.ant-btn-text[disabled]:hover {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #00000040;
  text-shadow: none
}

.ant-btn-dangerous.ant-btn-text[disabled]:active>a:only-child,.ant-btn-dangerous.ant-btn-text[disabled]:focus>a:only-child,.ant-btn-dangerous.ant-btn-text[disabled]:hover>a:only-child,.ant-btn-dangerous.ant-btn-text[disabled]>a:only-child {
  color: currentcolor
}

.ant-btn-dangerous.ant-btn-text[disabled]:active>a:only-child:after,.ant-btn-dangerous.ant-btn-text[disabled]:focus>a:only-child:after,.ant-btn-dangerous.ant-btn-text[disabled]:hover>a:only-child:after,.ant-btn-dangerous.ant-btn-text[disabled]>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-icon-only {
  border-radius: .25rem;
  font-size: 1rem;
  height: 2.1875rem;
  padding: .24375rem 0;
  vertical-align: -.1875rem;
  width: 2.1875rem
}

.ant-btn-icon-only>* {
  font-size: 1rem
}

.ant-btn-icon-only.ant-btn-lg {
  border-radius: .25rem;
  font-size: 1.125rem;
  height: 2.5rem;
  padding: .30625rem 0;
  width: 2.5rem
}

.ant-btn-icon-only.ant-btn-lg>* {
  font-size: 1.125rem
}

.ant-btn-icon-only.ant-btn-sm {
  border-radius: .25rem;
  font-size: .875rem;
  height: 1.5rem;
  padding: 0;
  width: 1.5rem
}

.ant-btn-icon-only.ant-btn-sm>* {
  font-size: .875rem
}

.ant-btn-icon-only>.anticon {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center
}

a.ant-btn-icon-only {
  vertical-align: -.0625rem
}

a.ant-btn-icon-only>.anticon {
  display: inline
}

.ant-btn-round {
  border-radius: 2.1875rem;
  font-size: .875rem;
  height: 2.1875rem;
  padding: .34375rem 1.09375rem
}

.ant-btn-round.ant-btn-lg {
  border-radius: 2.5rem;
  font-size: 1rem;
  height: 2.5rem;
  padding: .4rem 1.25rem
}

.ant-btn-round.ant-btn-sm {
  border-radius: 1.5rem;
  font-size: .875rem;
  height: 1.5rem;
  padding: 0 .75rem
}

.ant-btn-round.ant-btn-icon-only {
  width: auto
}

.ant-btn-circle {
  border-radius: 50%;
  min-width: 2.1875rem;
  padding-left: 0;
  padding-right: 0;
  text-align: center
}

.ant-btn-circle.ant-btn-lg {
  border-radius: 50%;
  min-width: 2.5rem
}

.ant-btn-circle.ant-btn-sm {
  border-radius: 50%;
  min-width: 1.5rem
}

.ant-btn:before {
  background: #fff;
  border-radius: inherit;
  bottom: -.0625rem;
  content: "";
  display: none;
  left: -.0625rem;
  opacity: .35;
  pointer-events: none;
  position: absolute;
  right: -.0625rem;
  top: -.0625rem;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
  z-index: 1
}

.ant-btn .anticon {
  -webkit-transition: margin-left .3s cubic-bezier(.645,.045,.355,1);
  transition: margin-left .3s cubic-bezier(.645,.045,.355,1)
}

.ant-btn .anticon.anticon-minus>svg,.ant-btn .anticon.anticon-plus>svg {
  shape-rendering: optimizespeed
}

.ant-btn.ant-btn-loading {
  cursor: default;
  position: relative
}

.ant-btn.ant-btn-loading:before {
  display: block
}

.ant-btn>.ant-btn-loading-icon {
  -webkit-transition: width .3s cubic-bezier(.645,.045,.355,1),opacity .3s cubic-bezier(.645,.045,.355,1);
  transition: width .3s cubic-bezier(.645,.045,.355,1),opacity .3s cubic-bezier(.645,.045,.355,1)
}

.ant-btn>.ant-btn-loading-icon .anticon {
  -webkit-animation: none;
  animation: none;
  padding-right: .5rem
}

.ant-btn>.ant-btn-loading-icon .anticon svg {
  -webkit-animation: loadingCircle 1s linear infinite;
  animation: loadingCircle 1s linear infinite
}

.ant-btn-group {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex
}

.ant-btn-group,.ant-btn-group>.ant-btn,.ant-btn-group>span>.ant-btn {
  position: relative
}

.ant-btn-group>.ant-btn:active,.ant-btn-group>.ant-btn:focus,.ant-btn-group>.ant-btn:hover,.ant-btn-group>span>.ant-btn:active,.ant-btn-group>span>.ant-btn:focus,.ant-btn-group>span>.ant-btn:hover {
  z-index: 2
}

.ant-btn-group>.ant-btn[disabled],.ant-btn-group>span>.ant-btn[disabled] {
  z-index: 0
}

.ant-btn-group .ant-btn-icon-only {
  font-size: .875rem
}

.ant-btn-group-lg>.ant-btn,.ant-btn-group-lg>span>.ant-btn {
  border-radius: 0;
  font-size: 1rem;
  height: 2.5rem;
  padding: .4rem .9375rem
}

.ant-btn-group-lg .ant-btn.ant-btn-icon-only {
  height: 2.5rem;
  padding-left: 0;
  padding-right: 0;
  width: 2.5rem
}

.ant-btn-group-sm>.ant-btn,.ant-btn-group-sm>span>.ant-btn {
  border-radius: 0;
  font-size: .875rem;
  height: 1.5rem;
  padding: 0 .4375rem
}

.ant-btn-group-sm>.ant-btn>.anticon,.ant-btn-group-sm>span>.ant-btn>.anticon {
  font-size: .875rem
}

.ant-btn-group-sm .ant-btn.ant-btn-icon-only {
  height: 1.5rem;
  padding-left: 0;
  padding-right: 0;
  width: 1.5rem
}

.ant-btn+.ant-btn-group,.ant-btn-group .ant-btn+.ant-btn,.ant-btn-group .ant-btn+span,.ant-btn-group span+.ant-btn,.ant-btn-group+.ant-btn,.ant-btn-group+.ant-btn-group,.ant-btn-group>span+span {
  margin-left: -.0625rem
}

.ant-btn-group .ant-btn-primary+.ant-btn:not(.ant-btn-primary):not([disabled]) {
  border-left-color: transparent
}

.ant-btn-group .ant-btn {
  border-radius: 0
}

.ant-btn-group>.ant-btn:first-child,.ant-btn-group>span:first-child>.ant-btn {
  margin-left: 0
}

.ant-btn-group>.ant-btn:only-child,.ant-btn-group>span:only-child>.ant-btn {
  border-radius: .25rem
}

.ant-btn-group>.ant-btn:first-child:not(:last-child),.ant-btn-group>span:first-child:not(:last-child)>.ant-btn {
  border-bottom-left-radius: .25rem;
  border-top-left-radius: .25rem
}

.ant-btn-group>.ant-btn:last-child:not(:first-child),.ant-btn-group>span:last-child:not(:first-child)>.ant-btn {
  border-bottom-right-radius: .25rem;
  border-top-right-radius: .25rem
}

.ant-btn-group-sm>.ant-btn:only-child,.ant-btn-group-sm>span:only-child>.ant-btn {
  border-radius: .25rem
}

.ant-btn-group-sm>.ant-btn:first-child:not(:last-child),.ant-btn-group-sm>span:first-child:not(:last-child)>.ant-btn {
  border-bottom-left-radius: .25rem;
  border-top-left-radius: .25rem
}

.ant-btn-group-sm>.ant-btn:last-child:not(:first-child),.ant-btn-group-sm>span:last-child:not(:first-child)>.ant-btn {
  border-bottom-right-radius: .25rem;
  border-top-right-radius: .25rem
}

.ant-btn-group>.ant-btn-group {
  float: left
}

.ant-btn-group>.ant-btn-group:not(:first-child):not(:last-child)>.ant-btn {
  border-radius: 0
}

.ant-btn-group>.ant-btn-group:first-child:not(:last-child)>.ant-btn:last-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  padding-right: .5rem
}

.ant-btn-group>.ant-btn-group:last-child:not(:first-child)>.ant-btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  padding-left: .5rem
}

.ant-btn-group-rtl.ant-btn+.ant-btn-group,.ant-btn-group-rtl.ant-btn-group .ant-btn+.ant-btn,.ant-btn-group-rtl.ant-btn-group .ant-btn+span,.ant-btn-group-rtl.ant-btn-group span+.ant-btn,.ant-btn-group-rtl.ant-btn-group+.ant-btn,.ant-btn-group-rtl.ant-btn-group+.ant-btn-group,.ant-btn-group-rtl.ant-btn-group>span+span,.ant-btn-rtl.ant-btn+.ant-btn-group,.ant-btn-rtl.ant-btn-group .ant-btn+.ant-btn,.ant-btn-rtl.ant-btn-group .ant-btn+span,.ant-btn-rtl.ant-btn-group span+.ant-btn,.ant-btn-rtl.ant-btn-group+.ant-btn,.ant-btn-rtl.ant-btn-group+.ant-btn-group,.ant-btn-rtl.ant-btn-group>span+span {
  margin-left: auto;
  margin-right: -.0625rem
}

.ant-btn-group.ant-btn-group-rtl {
  direction: rtl
}

.ant-btn-group-rtl.ant-btn-group>.ant-btn:first-child:not(:last-child),.ant-btn-group-rtl.ant-btn-group>span:first-child:not(:last-child)>.ant-btn {
  border-radius: 0 .25rem .25rem 0
}

.ant-btn-group-rtl.ant-btn-group>.ant-btn:last-child:not(:first-child),.ant-btn-group-rtl.ant-btn-group>span:last-child:not(:first-child)>.ant-btn {
  border-radius: .25rem 0 0 .25rem
}

.ant-btn-group-rtl.ant-btn-group-sm>.ant-btn:first-child:not(:last-child),.ant-btn-group-rtl.ant-btn-group-sm>span:first-child:not(:last-child)>.ant-btn {
  border-radius: 0 .25rem .25rem 0
}

.ant-btn-group-rtl.ant-btn-group-sm>.ant-btn:last-child:not(:first-child),.ant-btn-group-rtl.ant-btn-group-sm>span:last-child:not(:first-child)>.ant-btn {
  border-radius: .25rem 0 0 .25rem
}

.ant-btn:active>span,.ant-btn:focus>span {
  position: relative
}

.ant-btn>.anticon+span,.ant-btn>span+.anticon {
  margin-left: .5rem
}

.ant-btn.ant-btn-background-ghost {
  border-color: #fff;
  color: #fff
}

.ant-btn.ant-btn-background-ghost,.ant-btn.ant-btn-background-ghost:active,.ant-btn.ant-btn-background-ghost:focus,.ant-btn.ant-btn-background-ghost:hover {
  background: transparent
}

.ant-btn.ant-btn-background-ghost:focus,.ant-btn.ant-btn-background-ghost:hover {
  border-color: #484a4d;
  color: #484a4d
}

.ant-btn.ant-btn-background-ghost:active {
  border-color: #13161a;
  color: #13161a
}

.ant-btn.ant-btn-background-ghost[disabled] {
  background: transparent;
  border-color: #d9d9d9;
  color: #00000040
}

.ant-btn-background-ghost.ant-btn-primary {
  border-color: #343a40;
  color: #343a40;
  text-shadow: none
}

.ant-btn-background-ghost.ant-btn-primary>a:only-child {
  color: currentcolor
}

.ant-btn-background-ghost.ant-btn-primary>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-background-ghost.ant-btn-primary:focus,.ant-btn-background-ghost.ant-btn-primary:hover {
  border-color: #484a4d;
  color: #484a4d
}

.ant-btn-background-ghost.ant-btn-primary:focus>a:only-child,.ant-btn-background-ghost.ant-btn-primary:hover>a:only-child {
  color: currentcolor
}

.ant-btn-background-ghost.ant-btn-primary:focus>a:only-child:after,.ant-btn-background-ghost.ant-btn-primary:hover>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-background-ghost.ant-btn-primary:active {
  border-color: #13161a;
  color: #13161a
}

.ant-btn-background-ghost.ant-btn-primary:active>a:only-child {
  color: currentcolor
}

.ant-btn-background-ghost.ant-btn-primary:active>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-background-ghost.ant-btn-primary[disabled],.ant-btn-background-ghost.ant-btn-primary[disabled]:active,.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,.ant-btn-background-ghost.ant-btn-primary[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  text-shadow: none
}

.ant-btn-background-ghost.ant-btn-primary[disabled]:active>a:only-child,.ant-btn-background-ghost.ant-btn-primary[disabled]:focus>a:only-child,.ant-btn-background-ghost.ant-btn-primary[disabled]:hover>a:only-child,.ant-btn-background-ghost.ant-btn-primary[disabled]>a:only-child {
  color: currentcolor
}

.ant-btn-background-ghost.ant-btn-primary[disabled]:active>a:only-child:after,.ant-btn-background-ghost.ant-btn-primary[disabled]:focus>a:only-child:after,.ant-btn-background-ghost.ant-btn-primary[disabled]:hover>a:only-child:after,.ant-btn-background-ghost.ant-btn-primary[disabled]>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-background-ghost.ant-btn-danger {
  border-color: #f5222d;
  color: #f5222d;
  text-shadow: none
}

.ant-btn-background-ghost.ant-btn-danger>a:only-child {
  color: currentcolor
}

.ant-btn-background-ghost.ant-btn-danger>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-background-ghost.ant-btn-danger:focus,.ant-btn-background-ghost.ant-btn-danger:hover {
  border-color: #ff4d4f;
  color: #ff4d4f
}

.ant-btn-background-ghost.ant-btn-danger:focus>a:only-child,.ant-btn-background-ghost.ant-btn-danger:hover>a:only-child {
  color: currentcolor
}

.ant-btn-background-ghost.ant-btn-danger:focus>a:only-child:after,.ant-btn-background-ghost.ant-btn-danger:hover>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-background-ghost.ant-btn-danger:active {
  border-color: #cf1322;
  color: #cf1322
}

.ant-btn-background-ghost.ant-btn-danger:active>a:only-child {
  color: currentcolor
}

.ant-btn-background-ghost.ant-btn-danger:active>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-background-ghost.ant-btn-danger[disabled],.ant-btn-background-ghost.ant-btn-danger[disabled]:active,.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,.ant-btn-background-ghost.ant-btn-danger[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  text-shadow: none
}

.ant-btn-background-ghost.ant-btn-danger[disabled]:active>a:only-child,.ant-btn-background-ghost.ant-btn-danger[disabled]:focus>a:only-child,.ant-btn-background-ghost.ant-btn-danger[disabled]:hover>a:only-child,.ant-btn-background-ghost.ant-btn-danger[disabled]>a:only-child {
  color: currentcolor
}

.ant-btn-background-ghost.ant-btn-danger[disabled]:active>a:only-child:after,.ant-btn-background-ghost.ant-btn-danger[disabled]:focus>a:only-child:after,.ant-btn-background-ghost.ant-btn-danger[disabled]:hover>a:only-child:after,.ant-btn-background-ghost.ant-btn-danger[disabled]>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-background-ghost.ant-btn-dangerous {
  border-color: #f5222d;
  color: #f5222d;
  text-shadow: none
}

.ant-btn-background-ghost.ant-btn-dangerous>a:only-child {
  color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-background-ghost.ant-btn-dangerous:focus,.ant-btn-background-ghost.ant-btn-dangerous:hover {
  border-color: #ff4d4f;
  color: #ff4d4f
}

.ant-btn-background-ghost.ant-btn-dangerous:focus>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous:hover>a:only-child {
  color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous:focus>a:only-child:after,.ant-btn-background-ghost.ant-btn-dangerous:hover>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-background-ghost.ant-btn-dangerous:active {
  border-color: #cf1322;
  color: #cf1322
}

.ant-btn-background-ghost.ant-btn-dangerous:active>a:only-child {
  color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous:active>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-background-ghost.ant-btn-dangerous[disabled],.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active,.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus,.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  text-shadow: none
}

.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous[disabled]>a:only-child {
  color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active>a:only-child:after,.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus>a:only-child:after,.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover>a:only-child:after,.ant-btn-background-ghost.ant-btn-dangerous[disabled]>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link {
  border-color: transparent;
  color: #f5222d;
  text-shadow: none
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link>a:only-child {
  color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover {
  border-color: transparent;
  color: #ff4d4f
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover>a:only-child {
  color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus>a:only-child:after,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active {
  border-color: transparent;
  color: #cf1322
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active>a:only-child {
  color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled],.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  color: #00000040;
  text-shadow: none
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]>a:only-child {
  color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child:after,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child:after,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child:after,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]>a:only-child:after {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ant-btn-two-chinese-chars:first-letter {
  letter-spacing: .34em
}

.ant-btn-two-chinese-chars>:not(.anticon) {
  letter-spacing: .34em;
  margin-right: -.34em
}

.ant-btn.ant-btn-block {
  width: 100%
}

.ant-btn:empty {
  content: " ";
  display: inline-block;
  visibility: hidden;
  width: 0
}

a.ant-btn {
  line-height: 2.0625rem;
  padding-top: .00063rem!important
}

a.ant-btn-lg {
  line-height: 2.375rem
}

a.ant-btn-sm {
  line-height: 1.375rem
}

.ant-btn-rtl {
  direction: rtl
}

.ant-btn-group-rtl.ant-btn-group .ant-btn-primary+.ant-btn-primary,.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child) {
  border-left-color: #d9d9d9;
  border-right-color: #484a4d
}

.ant-btn-group-rtl.ant-btn-group .ant-btn-primary+.ant-btn-primary[disabled],.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled] {
  border-left-color: #484a4d;
  border-right-color: #d9d9d9
}

.ant-btn-rtl.ant-btn>.ant-btn-loading-icon .anticon {
  padding-left: .5rem;
  padding-right: 0
}

.ant-btn>.ant-btn-loading-icon:only-child .anticon {
  padding-left: 0;
  padding-right: 0
}

.ant-btn-rtl.ant-btn>.anticon+span,.ant-btn-rtl.ant-btn>span+.anticon {
  margin-left: 0;
  margin-right: .5rem
}

.ant-tabs-small>.ant-tabs-nav .ant-tabs-tab {
  font-size: .875rem;
  padding: .5rem 0
}

.ant-tabs-large>.ant-tabs-nav .ant-tabs-tab {
  font-size: 1rem;
  padding: 1rem 0
}

.ant-tabs-card.ant-tabs-small>.ant-tabs-nav .ant-tabs-tab {
  padding: .375rem 1rem
}

.ant-tabs-card.ant-tabs-large>.ant-tabs-nav .ant-tabs-tab {
  padding: .4375rem 1rem .375rem
}

.ant-tabs-rtl {
  direction: rtl
}

.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab {
  margin: 0 0 0 2rem
}

.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type {
  margin-left: 0
}

.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon {
  margin-left: .75rem;
  margin-right: 0
}

.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove {
  margin-left: -.25rem;
  margin-right: .5rem
}

.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon {
  margin: 0
}

.ant-tabs-rtl.ant-tabs-left>.ant-tabs-nav {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1
}

.ant-tabs-rtl.ant-tabs-left>.ant-tabs-content-holder,.ant-tabs-rtl.ant-tabs-right>.ant-tabs-nav {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  -webkit-order: 0;
  order: 0
}

.ant-tabs-rtl.ant-tabs-right>.ant-tabs-content-holder {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1
}

.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-add,.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-add,.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-rtl.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-add,.ant-tabs-rtl.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-rtl.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-add,.ant-tabs-rtl.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab {
  margin-left: 0;
  margin-right: .125rem
}

.ant-tabs-dropdown-rtl {
  direction: rtl
}

.ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item {
  text-align: right
}

.ant-tabs-bottom,.ant-tabs-top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.ant-tabs-bottom>.ant-tabs-nav,.ant-tabs-bottom>div>.ant-tabs-nav,.ant-tabs-top>.ant-tabs-nav,.ant-tabs-top>div>.ant-tabs-nav {
  margin: 0 0 1rem
}

.ant-tabs-bottom>.ant-tabs-nav:before,.ant-tabs-bottom>div>.ant-tabs-nav:before,.ant-tabs-top>.ant-tabs-nav:before,.ant-tabs-top>div>.ant-tabs-nav:before {
  border-bottom: .0625rem solid #f0f0f0;
  content: "";
  left: 0;
  position: absolute;
  right: 0
}

.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-top>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-ink-bar {
  height: .125rem
}

.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-top>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-ink-bar-animated {
  -webkit-transition: width .3s,left .3s,right .3s;
  transition: width .3s,left .3s,right .3s
}

.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap:before {
  bottom: 0;
  top: 0;
  width: 1.875rem
}

.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap:before {
  box-shadow: inset .625rem 0 .5rem -.5rem #00000014;
  left: 0
}

.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap:after {
  box-shadow: inset -.625rem 0 .5rem -.5rem #00000014;
  right: 0
}

.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left:before,.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right:after,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left:before,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right:after,.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left:before,.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right:after,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left:before,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right:after {
  opacity: 1
}

.ant-tabs-top>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-top>.ant-tabs-nav:before,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-top>div>.ant-tabs-nav:before {
  bottom: 0
}

.ant-tabs-bottom>.ant-tabs-nav,.ant-tabs-bottom>div>.ant-tabs-nav {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  margin-bottom: 0;
  margin-top: 1rem;
  -webkit-order: 1;
  order: 1
}

.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-bottom>.ant-tabs-nav:before,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-bottom>div>.ant-tabs-nav:before {
  top: 0
}

.ant-tabs-bottom>.ant-tabs-content-holder,.ant-tabs-bottom>div>.ant-tabs-content-holder {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  -webkit-order: 0;
  order: 0
}

.ant-tabs-left>.ant-tabs-nav,.ant-tabs-left>div>.ant-tabs-nav,.ant-tabs-right>.ant-tabs-nav,.ant-tabs-right>div>.ant-tabs-nav {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 3.125rem
}

.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab {
  padding: .5rem 1.5rem;
  text-align: center
}

.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab {
  margin: 1rem 0 0
}

.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap:before {
  height: 1.875rem;
  left: 0;
  right: 0
}

.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap:before {
  box-shadow: inset 0 .625rem .5rem -.5rem #00000014;
  top: 0
}

.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap:after {
  bottom: 0;
  box-shadow: inset 0 -.625rem .5rem -.5rem #00000014
}

.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom:after,.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top:before,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom:after,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top:before,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom:after,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top:before,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom:after,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top:before {
  opacity: 1
}

.ant-tabs-left>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-right>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-ink-bar {
  width: .125rem
}

.ant-tabs-left>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-right>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-ink-bar-animated {
  -webkit-transition: height .3s,top .3s;
  transition: height .3s,top .3s
}

.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-operations,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-operations,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-operations,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-operations {
  -webkit-box-flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.ant-tabs-left>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-ink-bar {
  right: 0
}

.ant-tabs-left>.ant-tabs-content-holder,.ant-tabs-left>div>.ant-tabs-content-holder {
  border-left: .0625rem solid #f0f0f0;
  margin-left: -.0625rem
}

.ant-tabs-left>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane,.ant-tabs-left>div>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane {
  padding-left: 1.5rem
}

.ant-tabs-right>.ant-tabs-nav,.ant-tabs-right>div>.ant-tabs-nav {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1
}

.ant-tabs-right>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-ink-bar {
  left: 0
}

.ant-tabs-right>.ant-tabs-content-holder,.ant-tabs-right>div>.ant-tabs-content-holder {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  border-right: .0625rem solid #f0f0f0;
  margin-right: -.0625rem;
  -webkit-order: 0;
  order: 0
}

.ant-tabs-right>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane,.ant-tabs-right>div>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane {
  padding-right: 1.5rem
}

.ant-tabs-dropdown {
  -webkit-font-feature-settings: "tnum";
  -moz-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  display: block;
  font-size: .875rem;
  font-variant: tabular-nums;
  left: -624.9375rem;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: -624.9375rem;
  z-index: 1050
}

.ant-tabs-dropdown-hidden {
  display: none
}

.ant-tabs-dropdown-menu {
  background-clip: padding-box;
  background-color: #fff;
  border-radius: .25rem;
  box-shadow: 0 .0625rem .25rem #ebebeb;
  list-style-type: none;
  margin: 0;
  max-height: 12.5rem;
  outline: none;
  overflow-x: hidden;
  overflow-y: auto;
  padding: .25rem 0;
  text-align: left
}

.ant-tabs-dropdown-menu-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #000000d9;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .875rem;
  font-weight: 400;
  line-height: 2;
  margin: 0;
  min-width: 7.5rem;
  overflow: hidden;
  padding: .3125rem .75rem;
  text-overflow: ellipsis;
  -webkit-transition: all .3s;
  transition: all .3s;
  white-space: nowrap
}

.ant-tabs-dropdown-menu-item>span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  white-space: nowrap
}

.ant-tabs-dropdown-menu-item-remove {
  -webkit-box-flex: 0;
  background: transparent;
  border: 0;
  color: #00000073;
  cursor: pointer;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  font-size: .75rem;
  margin-left: .75rem
}

.ant-tabs-dropdown-menu-item-remove:hover {
  color: #484a4d
}

.ant-tabs-dropdown-menu-item:hover {
  background: #f5f5f5
}

.ant-tabs-dropdown-menu-item-disabled,.ant-tabs-dropdown-menu-item-disabled:hover {
  background: transparent;
  color: #00000040;
  cursor: not-allowed
}

.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab {
  background: #f0f0f0;
  border: .0625rem solid #f0f0f0;
  margin: 0;
  padding: .5rem 1rem;
  -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
  transition: all .3s cubic-bezier(.645,.045,.355,1)
}

.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab-active {
  background: #fff;
  color: #343a40
}

.ant-tabs-card>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-ink-bar {
  visibility: hidden
}

.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab {
  margin-left: .125rem
}

.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab {
  border-radius: .25rem .25rem 0 0
}

.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab-active {
  border-bottom-color: #fff
}

.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab {
  border-radius: 0 0 .25rem .25rem
}

.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab-active {
  border-top-color: #fff
}

.ant-tabs-card.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab {
  margin-top: .125rem
}

.ant-tabs-card.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab {
  border-radius: .25rem 0 0 .25rem
}

.ant-tabs-card.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab-active {
  border-right-color: #fff
}

.ant-tabs-card.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab {
  border-radius: 0 .25rem .25rem 0
}

.ant-tabs-card.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab-active {
  border-left-color: #fff
}

.ant-tabs {
  -webkit-font-feature-settings: "tnum";
  -moz-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
  box-sizing: border-box;
  color: #000000d9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .875rem;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0
}

.ant-tabs>.ant-tabs-nav,.ant-tabs>div>.ant-tabs-nav {
  -webkit-box-flex: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  position: relative
}

.ant-tabs>.ant-tabs-nav .ant-tabs-nav-wrap,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-wrap {
  -webkit-box-flex: 1;
  -ms-flex-item-align: stretch;
  -webkit-align-self: stretch;
  align-self: stretch;
  display: inline-block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  overflow: hidden;
  position: relative;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  white-space: nowrap
}

.ant-tabs>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-wrap:before {
  content: "";
  opacity: 0;
  pointer-events: none;
  position: absolute;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  z-index: 1
}

.ant-tabs>.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s,-webkit-transform .3s
}

.ant-tabs>.ant-tabs-nav .ant-tabs-nav-operations,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-operations {
  -ms-flex-item-align: stretch;
  -webkit-align-self: stretch;
  align-self: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.ant-tabs>.ant-tabs-nav .ant-tabs-nav-operations-hidden,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-operations-hidden {
  pointer-events: none;
  position: absolute;
  visibility: hidden
}

.ant-tabs>.ant-tabs-nav .ant-tabs-nav-more,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-more {
  background: transparent;
  border: 0;
  padding: .5rem 1rem;
  position: relative
}

.ant-tabs>.ant-tabs-nav .ant-tabs-nav-more:after,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-more:after {
  bottom: 0;
  content: "";
  height: .3125rem;
  left: 0;
  position: absolute;
  right: 0;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%)
}

.ant-tabs>.ant-tabs-nav .ant-tabs-nav-add,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-add {
  background: #f0f0f0;
  border: .0625rem solid #f0f0f0;
  border-radius: .25rem .25rem 0 0;
  cursor: pointer;
  margin-left: .125rem;
  min-width: 2.5rem;
  outline: none;
  padding: 0 .5rem;
  -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
  transition: all .3s cubic-bezier(.645,.045,.355,1)
}

.ant-tabs>.ant-tabs-nav .ant-tabs-nav-add:hover,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-add:hover {
  color: #484a4d
}

.ant-tabs>.ant-tabs-nav .ant-tabs-nav-add:active,.ant-tabs>.ant-tabs-nav .ant-tabs-nav-add:focus,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-add:active,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-add:focus {
  color: #13161a
}

.ant-tabs-extra-content {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none
}

.ant-tabs-centered>.ant-tabs-nav .ant-tabs-nav-wrap:not([class*=ant-tabs-nav-wrap-ping]),.ant-tabs-centered>div>.ant-tabs-nav .ant-tabs-nav-wrap:not([class*=ant-tabs-nav-wrap-ping]) {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}

.ant-tabs-ink-bar {
  background: #343a40;
  pointer-events: none;
  position: absolute
}

.ant-tabs-tab {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: transparent;
  border: 0;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: .875rem;
  outline: none;
  padding: .75rem 0;
  position: relative
}

.ant-tabs-tab-btn:active,.ant-tabs-tab-btn:focus,.ant-tabs-tab-remove:active,.ant-tabs-tab-remove:focus {
  color: #13161a
}

.ant-tabs-tab-btn,.ant-tabs-tab-remove {
  outline: none;
  -webkit-transition: all .3s;
  transition: all .3s
}

.ant-tabs-tab-remove {
  -webkit-box-flex: 0;
  background: transparent;
  border: none;
  color: #00000073;
  cursor: pointer;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  font-size: .75rem;
  margin-left: .5rem;
  margin-right: -.25rem
}

.ant-tabs-tab-remove:hover {
  color: #000000d9
}

.ant-tabs-tab:hover {
  color: #484a4d
}

.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #343a40;
  text-shadow: 0 0 .01563rem currentcolor
}

.ant-tabs-tab.ant-tabs-tab-disabled {
  color: #00000040;
  cursor: not-allowed
}

.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active,.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus,.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active,.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus {
  color: #00000040
}

.ant-tabs-tab .ant-tabs-tab-remove .anticon {
  margin: 0
}

.ant-tabs-tab .anticon {
  margin-right: .75rem
}

.ant-tabs-tab+.ant-tabs-tab {
  margin: 0 0 0 2rem
}

.ant-tabs-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}

.ant-tabs-content-holder {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  min-height: 0;
  min-width: 0
}

.ant-tabs-content-animated {
  -webkit-transition: margin .3s;
  transition: margin .3s
}

.ant-tabs-tabpane {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  outline: none;
  width: 100%
}

</style>